
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="css/person.css">
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <title>四川轻化工大学图书馆个人中心</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <meta name="keywords" content="四川轻化工大学图书馆" />
    <meta name="description" content="四川轻化工大学图书馆" />
</head>
<body>
    <form id="form1" runat="server" autocomplete="off">
       <div class="banner"><a href="index.html"><img src="images/logo1.png"></a></div>
    <div class="user fl">
        <div class="personalcenter">
            <div class="head-img">
                <a href="" class="personalimage"><img src="images/personimage.jpg" alt=""></a>
            </div>
            <div class="name">
                <button type="button" class="modify">上传头像</button>
            </div>
        </div>
        <%--<p class="username fl">用户名</p>--%>
    </div>
    <div class="leftside fl">

        <div class="list">
            <div class="funlist">
                <ul>
                    <li><img src="images/001.png"><button type="button" class="current" id="perinform">基本信息</button></li>

                    <li><img src="images/003.png"><button type="button" id="money">缴费</button></li>
                    <li><img src="images/004.png"><button type="button" id="advice">意见箱</button></li>
                    <li><img src="images/005.png"><button type="button"id="renew">续借与借阅</button></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content fl" >
        <div class="change" id="div01">
            <button type="button" class="same fix" id="modfication">修改信息</button>



            <div class="name-option">基本资料</div>
            <div class="line2"></div>
            <div class="contain">

                <div class="msg_item">
                    <div class="msg_key fl">姓名</div>
                    <div class="msg_value "><label runat="server" ID="stu_name" value=""></label></div>
                </div>
                <div class="msg_item">
                    <div class="msg_key fl">学号</div>
                    <div class="msg_value"><label runat="server" ID="stu_son" value=""></label></div>
                </div>
                <div class="msg_item">
                    <div class="msg_key fl">年级</div>
                    <div class="msg_value"><label runat="server" ID="stu_grade" value=""></label></div>
                </div>
                <div class="msg_item">
                    <div class="msg_key fl">专业</div>
                    <div class="msg_value"><label runat="server" ID="stu_major" value=""></label></div>
                </div>
                <div class="msg_item">
                    <div class="msg_key fl">邮箱</div>
                    <div class="msg_value"><label runat="server" ID="stu_mail" value=""></label></div>
                </div>
                <div class="msg_item">
                    <div class="msg_key fl">电话号码</div>
                    <div class="msg_value"><label runat="server" ID="stu_phone" value=""></label></div>
                </div>
            </div>
        </div>
        <div class="changed" id="div02">
            <Button runat="server" class="same save" id="save" Text="保存" OnClick="save_Click"></Button>


            <div class="name-option">基本资料</div>
            <div class="line2"></div>
            <div class="fixform">

                <div class="fixing">
                    <lable class="fixname">邮箱：</lable>
                    <TextBox   runat="server" class="fixinput" id="newmail" type="text"  placeholder="请输入新邮箱" name="1"/>
                </div>
                <div class="fixing">
                    <lable class="fixname">电话号码:</lable>
                    <TextBox runat="server" class="fixinput" id="newnum" type="text"   placeholder="请输入新电话号码" name="2"/>
                </div>
                <div class="fixing">
                    <lable class="fixname">密码修改:</lable>
                    <TextBox runat="server" class="fixinput" id="newmima" type="text"  placeholder="请输入新密码" name="3" />
                </div>
            </div>
        </div>
        <div class="payfor" id="div03">
            <div class="name-option">缴费明细</div>
            <div>
                <span class="same gather">应缴总金额:<lable runat="server">8600</lable></span>
               <GridView runat="server" AllowPaging="True" CssClass="payment" ID="GridView1">

               </GridView>
            </div>
        </div>
        <div class="message" id="div05">
            <div class="name-option">意见箱:</div>
            <TextBox runat="server" class="thinking-box" id="txt" placeholder="请输入您对我们的意见与想法"  Height="250px" TextMode="MultiLine" ></TextBox>
            <Button runat="server"  type="button" class="same transform" Text="提交" ID="sub" OnClick="sub_Click1"></Button>
        </div>
        <div class="brorrowed" id="div04">
            <div class="name-option">借阅与续借</div>
            <table class="brorrow" rules="all">

                <tr>
                    <th>正在借阅</th>
                    <th>书编</th>
                    <th>借阅时间</th>
                    <th>归还时间</th>
                    <th>续借</th>
                </tr>
                <tr>
                    <td>uhwdiuq</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server" type="button">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server" type="button">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server" type="button">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server" type="button">续借</button></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="spacing"><button class="renew" runat="server" type="button">续借</button></td>
                </tr>
            </table>
        </div>

    </div>
    <script type="text/javascript" src="JS/person.js"></script>
    </form>
</body>
</html>
